@charset "utf-8";
//scss文件引入common
@import "common.scss";
$width:7.5rem;
html{
    height: 100%;
    width: 100%;
}
body{
    display: flex;
    height: 100%;
    flex-direction: column;
    width: 100%;
}
header{
    height: 1.28rem;
    background: #0979f7;
    font-size: 0.36rem;
    >.header-top{
        height: 0.42rem;
        width: 100%;
        >img{
            width: 100%;
        }
    }
    >.header-bottom{
        height: 0.86rem;
        padding-left: 3.06rem;
        line-height: 0.86rem;
//      text-align: center;
        color: white;
         .header-bottom-content-right{
             float: right;
             text-align: center;
             width: 1.74rem;
             background: #086ddf;
             margin-right: 0.15rem;
             height: 0.62rem;
             line-height: 0.62rem;
             border-top-left-radius: 0.5rem;
             border-bottom-right-radius: 0.5rem;
             border-bottom-left-radius: 0.5rem;
             border-top-right-radius: 0.5rem;
             >span.span-1{
                 border-right: 1px solid white;
                 padding-right: 0.1rem;
             }
             >span.iconfont{
                 font-size: 0.4rem;
             }
             
         }
    }
}
main{
    flex: 1;
    overflow: hidden;
    >.content{
        min-height: 101%;
        background: #fff;
        >.mybanner{
            width: 100%;
            img{
                 width: 100%;
             }
        }
        >.content-nav{
            display: flex;
            padding: 0.3rem 0.15rem 0;
            flex-wrap: wrap;
            justify-content: space-around;
            text-align: center;
            >dl{
                flex-shrink: 0;
                width: 22%;
                >dd{
                    font-size: 0.22rem;
                    height: 0.62rem;
                }
                 img{
                     width: 0.98rem;
                 }
            }
        }
        >.content-luntan{
            display: flex;
            padding: 0 0.3rem;
            box-sizing: border-box;
            margin-bottom: 0.3rem;
            justify-content: space-between;
            >img{
                box-shadow: 0 0.05rem 0.2rem #ddd;
                width: 2.18rem;
            }
        }
        .content-huise{
            width: 100%;
            height: 0.3rem;
            background: #f2f3f5;
        }
        >.content-weixiu{

            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            padding: 0.2rem 0rem 0.1rem;
            >img{
                width: 3.5rem;
                margin-bottom: 0.1rem;
            }
        }
        >.content-tuwen{
            width: 100%;
            >dl{
                padding-top: 0.26rem;
                height: 4.58rem;
                background: #f2f3f5;
                >dd{
                    height: 0.65rem;
                    background: white;
                    line-height: 0.65rem;
                    font-size: 0.26rem;
                    padding: 0rem 0.3rem;
                }
                >.content-tuwen-jiage{
                    color: red;
                    >img{
                        float: right;
                        width: 0.3rem;
                    }
                }
                >dt{
                    img{
                        width: 100%;
                    }
                }
            }
        }
        >.content-jingpin{
            height: 1rem;
            line-height: 1rem;
            border-bottom: 1px solid #ddd;
            text-align: center;
            font-size: 0.32rem;
            color: #26b8f4;
            >img{
                vertical-align: middle;
                width: 0.32rem;
            }
        }
        >.content-liebiao{
            padding: 0.24rem;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            >dl{
                width: 3.32rem;
                height: 5.1rem;
                border: solid 1px #ddd; 
                border-top-left-radius: 0.1rem;
                border-bottom-right-radius: 0.1rem;
                border-bottom-left-radius: 0.1rem;
                border-top-right-radius: 0.1rem;
                margin-bottom: 0.3rem;
                >dt{
                    text-align: center;
                    border-bottom: solid 1px #ddd;
                    height: 3.3rem;
                    >img{
                        width: 2.96rem;
                        height: 3.3rem;
                        
                    }
                }
                >dd{
                    font-size: 0.28rem;
                    line-height: 0.6rem;
                    margin-left: 0.1rem;
                }
                >.dd-2{
                    line-height: 0.4rem;
                    font-size: 0.18rem;
                    color: #7f8698;
                }
                >.dd-3{
                    line-height: 0.7rem;
                    >img{
                        float: right;
                        width: 0.3rem;
                        margin: 0.2rem 0.2rem 0rem 0rem;
                    }
                }
            }
        }
    }
    
}
footer{
    height: 0.97rem;
    background: #eee;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    justify-content: space-between;
    padding: 0rem 0.3rem;
    border-top: 0.01rem solid #ddd;
    font-size: 0.24rem;
    color: #7f8699;
    text-align: center;
    >.footer-dl-1{
        color: #00a1e9;
        span.iconfont{
            color: #00a1e9;
        }
    }
     span.iconfont{
         font-size: 0.34rem;
     }
   
}
